<template>
	<div class="">
		<naviHeader></naviHeader>
    
    <div>
      <div class="tab-container">
        <div class="item select-item">全部</div>
        <div class="item">待付款</div>
        <div class="item">已付款</div>
      </div>

      <div>
        <div v-for="item in List" :key="item.index">
          <div></div>
        </div>
      </div>
    </div>
	</div>
</template>

<script>
import naviHeader from "src/components/naviHeader/naviHeader";

export default {
  data() {
    return {
      List: [{
        
      }]
    };
  },

  mounted() {
    // console.log(title, descriptions);
  },
  components: {
    naviHeader
  },
  methods: {
  }
};
</script>

<style lang="scss" scoped>
@import "../../style/mixin";

.tab-container{
  @include fj(space-around);
  height: 1rem;
  line-height: 1rem;
  background: #fff;

  .item{
    width: 1rem;
    text-align: center;
  }
  .select-item{
    border-bottom: 2px solid #16e08f;
  }
}
</style>
